@charset "utf-8";
/*!
 * edh5 1.0 
 * Copyright 2015 edh5.com
 * http://www.edh5.com/
 * author:sky
*/

/* 清除内外边距 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    _background-image: url(../images/about:blank);
    _background-attachment: fixed;
}

/* 设置默认字体 */

body,
button,
input,
select,
textarea {
    font-family: "微软雅黑", "宋体", "Arail";
    font-size: 100%;
    outline: none;
}

/* 列表元素 */

ul,
ol,
li {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

.img-responsive {
    width: 100%;
    height: auto
}

/*自适应图片*/

/* a标签 */

a {
    text-decoration: none;
    color: #c6c6c6;
}

a:hover {
    text-decoration: none;
}

/* 定义浮动居中 */

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.center {
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

/*重复div标签*/

.DIV {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.DIV ul li a {
    color: white;
}

.DIV ul li a:hover {
    color: black;
    text-shadow: 1px 1px 0 #fff;
}

.DIV ul li:hover {
    background-color: orange;
}

.DIV3 {
    position: relative;
    width: 70%;
    margin: 0 auto;
}

.DIV2 {
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.DIV4 {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.DIV5 {
    position: relative;
    width: 95%;
    margin: 0 auto;
}

/* 重置h标签 */

h1 {
    font-size: 22px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

/* 字体大小 */

.font12 {
    font-size: 0.75em;
}

.font14 {
    font-size: .875em;
}

.font16 {
    font-size: 1em;
}

.font18 {
    font-size: 1.125em;
}

.font20 {
    font-size: 1.25em;
}

.font22 {
    font-size: 1.375em;
}

.font24 {
    font-size: 1.5em;
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

/* 主色 */

.role_color {
    color: #3fb560
}

/* 所有颜色 */

.c1 {
    color: #cf1717;
    /*red*/
}

.c2 {
    color: #777777;
}

.c3 {
    color: #e92d2d;
}

.c4 {
    color: #6a6a6a;
}

.c5 {
    color: #b8120e;
}

.c6 {
    color: #797979;
}

/* 定义边距  padding margin*/

.p1 {
    padding-top: 25px;
}

.m1 {
    margin-top: 60px;
}

.m2 {
    margin-top: -3px;
}

/*line-height*/

.line1 {
    line-height: 20px;
}

.line2 {
    line-height: 24px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7e7e7e;
    font-size: 0.875em;
}

input:-moz-placeholder,
textarea::-moz-input-placeholder {
    color: #7e7e7e;
    font-size: 0.875em;
}

/*media*/

@media (max-width: 645px) {
    .case_list2 ul {
        margin-left: 0%;
    }
    .case_list2 ul li {
        width: 100%;
        margin-left: 0;
    }
    .wap ul {
        margin-left: -2%;
    }
    .wap ul li {
        margin-left: 3%;
        width: 46%;
    }
    .category ul li {
        font-size: 0.875em;
        margin-right: 6px;
        margin-bottom: 5px;
        padding: 2px 6px;
    }
    .case_logo,
    .tabBar .prev,
    .deg_con,
    .message,
    .c_shuade,
    .map,
    .code_list,
    .zz,
    .tabBar .next,
    .team_font,
    .news_main .fl,
    .cus_des,
    .search_inner,
    .menu_inner,
    .case_list ul li span,
    #video,
    .arr,
    .new_list,
    .footer,
    .spot,
    .footer_inner,
    .shade_case,
    .goto,
    .menu_list,
    .other,
    .banner,
    .show_l .show_img,
    .code_r,
    .news_img,
    .lump,
    .case_info .fr,
    .link,
    .logo dl dd,
    .from_img,
    .news_tit .fl,
    .news_tit .tit .font-size {
        display: none;
    }
    .p_footer,
    .logo dl dd:first-child,
    .arr_down_d,
    .web_site,
    .btn-navbar {
        display: block;
    }
    .heade_inner .DIV4,
    .case_det .DIV4,
    .news_det .DIV4 {
        width: 90%;
    }
    .show_info {
        margin-top: 75px;
    }
    .show_l {
        width: 100%;
    }
    .new_r {
        width: 80%;
        margin-left: 0;
    }
    .hot_news .news_h_img,
    .news_txt {
        width: 100%;
    }
    .news_con {
        font-size: 0.875em;
        line-height: 30px;
    }
    .case_info {
        text-align: center;
        font-size: 0.875em
    }
    .case_info .fl {
        float: none;
    }
    .shade_v {
        background: url(../images/slide_4_bak.jpg) no-repeat center;
    }
    .big_txt1 img {
        width: 60%;
        height: auto;
    }
    .big_txt2 {
        width: 100%;
        margin: 20px 0px 38px 0px;
    }
    .big_txt2 img {
        width: 100%;
        height: auto;
    }
    .section2 .DIV3,
    .section3 .DIV3 {
        width: 85%;
    }
    .m1 {
        margin-top: 130px;
    }
    .what_txt {
        top: -50px
    }
    .from_txt {
        top: -80px;
    }
    .what_txt img,
    .from_txt img {
        width: 100%;
        height: auto;
    }
    .what_list ul {
        margin-left: -2%;
    }
    .what_list ul li {
        width: 48%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 2%;
    }
    .what_list_tit {
        margin-top: 10px;
        line-height: normal;
    }
    .what_list_tit p:first-child {
        font-size: 1em;
    }
    .what_list_tit p:last-child {
        font-size: .75em;
    }
    .from_list ul li,
    .news_wrap .news_main,
    .news_txt_l {
        width: 100%;
    }
    .f_txt .txt {
        width: 80%
    }
    .from_list {
        margin-top: 160px;
        margin-bottom: 30px;
    }
    .txt p:nth-child(1) {
        margin-top: 0;
    }
    .tabBar,
    .contact_wrap {
        width: 90%;
    }
    .team_list,
    .con_txt {
        width: 100%
    }
    .tabBar .hd ul {
        position: inherit;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .tabBar .bd {
        width: 100%;
        height: 200px;
        z-index: 999;
    }
    .about_menu ul {
        margin-left: -2%;
    }
    .about_menu ul li {
        width: 47%;
        margin-left: 2%;
        font-size: 1em;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 70px;
    }
    .cus_txt {
        line-height: 70px;
    }
    .news_wrap ul>li:last-child .news_main {
        margin-right: 0;
        margin-top: 0;
        display: none;
    }
    .news_wrap ul>li:first-child .news_main {
        margin-bottom: 0px;
        margin-top: 0;
    }
    .team_list ul li {
        width: 48.5%;
        margin-bottom: 10px;
        opacity: 1;
    }
    .team_list ul li:last-child {
        display: none;
    }
    .phone_num p:nth-child(1) {
        margin-top: -10px;
        font-size: 1.875em;
    }
    .contact_list ul li {
        margin-bottom: 20px;
    }
    .news_wrap {
        opacity: 1;
    }
    .what_list ul li .DIV_cir {
        width: 120px;
        height: 120px;
    }
    .contact_wrap {
        height: auto;
    }
    .circle_m {
        top: -8px;
        left: -8px;
        width: 135px;
        height: 135px
    }
    .clientsLogos {
        height: 50px;
    }
    #client_ul li img {
        width: 1500px;
        height: auto;
    }
    /*page2 svg*/
    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list {
        display: none
    }
    .cus_icon {
        width: 20%;
    }
    .news_tit .tit {
        width: 100%;
    }
}

@media (min-width: 645px) and (max-width: 804px) {
    .case_list2 ul {
        margin-left: -3%;
    }
    .case_list2 ul li {
        margin-left: 3%;
        width: 46%;
    }
    .search_inner,
    .menu_list,
    .spot,
    .cus_des {
        display: none;
    }
    .phone_num {
        width: 100%;
    }
    .code_list.inner {
        float: left;
        margin-top: 30px;
    }
    .heade_inner .DIV4,
    .case_det .DIV4 {
        width: 90%;
    }
    .new_list {
        display: none;
    }
    .btn-navbar {
        display: block
    }
    /*page2 svg*/
    .first,
    .second {
        width: 80%;
        height: auto;
    }
    .what_list ul li .DIV_cir {
        width: 130px;
        height: 130px;
    }
    .circle_m {
        width: 140px;
        height: 140px;
    }
    .what_list_tit {
        margin-top: 0px;
    }
    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list,
    .news_icon {
        display: none
    }
    .about_menu ul li {
        width: 30%;
        margin-bottom: 0px;
    }
    .team_font {
        width: 110px;
    }
    .message {
        display: none;
    }
    .con_txt {
        float: left;
        margin-left: 5%;
    }
    .f_txt .num,
    .txt_shade .into {
        display: none;
    }
}

@media (min-width: 804px) and (max-width: 960px) {
    .case_list2 ul {
        margin-left: -3%;
    }
    .case_list2 ul li {
        margin-left: 3%;
        width: 29%;
    }
    .search_inner,
    .spot,
    .news_icon {
        display: none;
    }
    .phone_num {
        width: 100%;
    }
    .code_list.inner {
        float: left;
        margin-top: 30px;
    }
    .menu_list ul li {
        margin-left: 20px;
    }
    .heade_inner .DIV4,
    .case_det .DIV4 {
        width: 90%;
    }
    /*page2 svg*/
    .first,
    .second {
        width: 80%;
        height: auto;
    }
    .circle_m {
        width: 170px;
        height: 170px;
    }
    .a1,
    .a2,
    .a3,
    .a4,
    .what_con_list {
        display: none
    }
    .about_menu ul li {
        width: 26%;
        margin-bottom: 0px;
    }
    .team_font {
        display: none
    }
    .message {
        display: none;
    }
    .con_txt {
        float: left;
        margin-left: 5%;
    }
    .f_txt .num,
    .txt_shade .into {
        display: none;
    }
    .team_list {
        float: left;
        width: 100%;
    }
}

@media (min-width: 960px) and (max-width: 1040px) {
    .case_list2 ul {
        margin-left: -3%;
    }
    .case_list2 ul li {
        margin-left: 3%;
        width: 21%;
    }
    .phone_num {
        width: 100%;
    }
    .code_list.inner {
        float: left;
        margin-top: 30px;
    }
    .menu_list ul li {
        margin-left: 30px;
    }
    .spot,
    .message {
        display: none;
    }
    .con_txt {
        float: left;
        margin-left: 5%;
    }
    .team_font {
        display: none
    }
    .team_list {
        float: left;
        width: 100%;
    }
}

@media (min-width: 1040px) and (max-width: 1280px) {
    .contact_list.inner ul li {
        margin-left: 10px;
    }
    .code_list.inner {
        float: left;
        margin-top: 30px;
    }
    .menu_list ul li {
        margin-left: 30px;
    }
    .spot {
        display: none;
    }
    .team_font {
        width: 130px;
    }
}

/* @media (min-width:1600px) {
  .case_list ul li{width:400px;}
} */

@media (max-width: 1200px) {
    .link_list {
        display: block
    }
    .link {
        display: none;
    }
    .nav {
        position: absolute;
        float: right;
        right: -6%;
        /* z-index: 9999; */
        top: -25px;
        width: 0;
        background: #000;
        margin-right: 0;
    }
    .nav ul li:first-child {
        margin-top: 100px;
        border-top: 1px dashed #4d4d4d;
    }
    .nav ul li {
        float: right;
        margin-left: 25px;
        font-size: 1.125em;
        /* padding-bottom: 7px; */
        width: 90%;
        text-align: left;
        line-height: 48px;
        border-bottom: 1px dashed #4d4d4d;
        padding-left: 5%;
        padding-bottom: 0;
    }
    .QQ_s {
        display: none;
    }
    .m2 {
        display: block;
    }
    .code_list {
        display: none;
    }
}

@media (max-height: 650px) {
    .link_list {
        margin-top: 30px;
    }
    .link_list dl dd {
        width: 40px;
        margin-left: 20px;
    }
    .link_list dl dd a {
        border-bottom: none;
    }
    .tabBar .hd ul {
        top: -50px;
    }
}